<template>
	<view>
		<view class="heighly">
			<view class="u-m-t-30 m-mg-lr" v-if="list.length > 0">
				<view class="m-card" v-for="(item, index) in list" :key="index" @click="nextNav('/pages/handhousing/purchasedetails?id=' + item.id)">
					<view class="u-flex">
						<view class=""><u--image :src="item.images.split(',')[0] || df" width="100" height="100" radius="0"></u--image></view>
						<view class="u-m-l-10">
							<view class="u-font-32">{{ item.properties_name }}</view>
							<view class="u-font-24 c2e u-m-t-10">{{ item.bedroom }}室{{ item.room }}厅/{{ item.area }}m²/{{ item.orientation }}</view>
							<view class="u-flex u-m-t-10">
								<view class="cda">{{ item.address }}</view>
								<view class="boxc u-m-l-10">{{ item.roomnature }}</view>
							</view>
							<view class="u-flex u-flex-wrap u-m-t-20" v-if="item.characteristic">
								<view class="u-m-l-15 boxhe" v-for="(it, ind) in JSON.parse(item.characteristic)" :key="ind">{{ it.name }}</view>
							</view>
						</view>
					</view>
					<view class="u-m-t-20 u-flex u-flex-between">
						<view></view>
						<view>
							<text class="c1">售价：￥{{ get_look_two(item.price) }}{{ item.unitrice ? item.unitrice + '/m²' : '' }}</text>
						</view>
					</view>
				</view>
			</view>
			<list-empty v-else text="暂时没有数据哟!" list="data" :listHighly="listHighly"></list-empty>
		</view>
	</view>
</template>

<script>
export default {
	name: 'list-groups',
	props: {
		list: {
			type: Array,
			default: () => []
		},
		listHighly: {
			type: Number,
			default: 0
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.c2e {
	color: #2e2e2e;
}
.cda {
	color: #daaf7f;
}

.boxc {
	padding: 4rpx;
	text-align: center;
	color: #daaf7f;
	background: rgba(218, 175, 127, 0.6);
	border-radius: 5rpx;
}

.c1 {
	color: #f07418;
}

.boxhe {
	padding: 6rpx;
	text-align: center;
	border: 1rpx solid #b1b1b1;
	border-radius: 5rpx;
	color: #b1b1b1;
	font-size: 20rpx;
}
</style>
